<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv ="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>在线听课</title>

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/waves.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css">

    <!-- 仿ElementUI的日期选择插件 -->
    <!-- <link rel="stylesheet" href="css/datepicker.css"> -->
	<link href="css/foundation-datepicker.css" rel="stylesheet" type="text/css">
	
    <!--页面公共样式-->
    <link rel="stylesheet" href="css/common.css">

    <!--页面样式-->
    <link rel="stylesheet" href="css/page.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <!--jquery等插件必须放head，后续js需要使用-->
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/idangerous.swiper.js"></script>
    <script src="js/idangerous.swiper.scrollbar-2.1.js"></script>
    <script src="js/waves.min.js"></script>
    <script src="js/lc_switch.js"></script>
    <script src="js/rangeslider.min.js"></script>
    <script src="js/jquery.pagination.min.js"></script>

    <!-- 仿ElementUI的日期选择插件 -->
<!-- <script src="js/moment.min.js"></script>
    <script src="js/datepicker.all.js"></script> -->
	
	<!-- 兼容ie时间控件 -->
	<script src="js/foundation-datepicker.js"></script>
	<script src="js/foundation-datepicker.zh-CN.js"></script>

	
    <script src="js/txtscroll.js"></script>
    <!--页面js必须放head里，防止页面抖动-->
    <script src="js/common.js"></script>
    <script src="js/top.js"></script>
    <script src="js/messageList.js"></script>
</head>
<body>
<div class="fullbg">
</div>

<header>
    <!--登录后的头-->
    <div class="login-header">
        <div class="space-info ">
            <div class="addtress"><span>四川大学</span> <span>J17A101教室</span></div>
            <div class="username">张复兴</div>
        </div>
        <div class="status">
            <div class="live-status"></div>
            <div class="net-status"></div>
        </div>
        <div class="time-note">
            <div class="top-time">
                15:13
            </div>
            <!--<div class="top-note" id="s1">-->
            <!--<ul>-->

            <!--</ul>-->
            <!--</div>-->
            <div class="txt-scroll txt-scroll-curs top-note"  id="s1">
                <div class="scrollbox">
                    <div class="txt">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--未登录的头-->
    <div class="unlogin-header">
        <div class="space-info">
            <div class="username">暂未登录</div>
        </div>
        <div class="status">
            <div class="live-status">暂无直播</div>
            <div class="net-status">物联网关闭</div>
        </div>
        <div class="time-note">
            <div class="top-time">

            </div>
        </div>
    </div>
</header>


<!--<div class="wrap-main">-->

<!--<section class="wrap-content">-->

<main class="my-live-page message-page">
    <!--导航搜索区-->
    <section class="menu">
        <div class="menu-content">
            <ul>
                <li><a href="javascript:void(0)" class="active">消息公告</a></li>
                <li><a href="javascript:void(0)">系统消息</a></li>
            </ul>
        </div>
    </section>
    <!--导航搜索区-->

    <!--列表区域-->
    <section class="classes-list-wrap message-page-content">
		<div class="date-time-wrap1">
            <div class="info-edit-date c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day1 mt10">
                <input type="text" autocomplete="off" name="" placeholder="选择日期" readonly class="c-datepicker-data-input only-date" value="" id="noteDate">
            </div>
            <div class="choose-date"><img src="images/icon/messgePage_icon_03.png" alt=""></div>
        </div>


        <div class="date-time-wrap2">

            <div class="info-edit-date c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day1 mt10">
                <input type="text" autocomplete="off" name="" placeholder="选择日期" readonly class="c-datepicker-data-input only-date" value="" id="systemDate">
            </div>
            <div class="choose-date"><img src="images/icon/messgePage_icon_03.png" alt=""></div>
        </div>

        <div class="message-list-wrap">
            <ul class="message-list-ul">
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="publish-date">2019/10/10 星期四</div>-->
                    <!--<div class="writer">魏坤</div>-->
                    <!--<div class="text-title">-->
                        <!--<a href="javascript:void(0)">-->
                            <!--[春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。  [春花秋月何时了，往事知多少]  小楼昨夜又东风，故国不堪回首月明中。-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</li>-->
            </ul>
        </div>

        <div class="message-operation-wrap">
            <!--  分页控件  -->
            <div class="pagination" id="Pagination"> </div>
            <button type="button" class="btn btn-default exitBtn" id="exitBtn">退出</button>
        </div>


    </section>
    <!--列表区域-->
</main>

<!--</section>-->
<!-- <div><button class="normal-btn">按钮</button></div> -->
<!--</div>-->
<div class="btn-group">
    <ul>
        <li class="home">
            <a href="newindex.html"><div><img src="images/btn/btn_backindex.png" alt=""></div>首页</a>
        </li>
        <li class="scan-code">
            <a href="javascript:void(0)">  <div><img src="images/btn/btn_Sweepcode.png" alt=""></div>扫码控制</a>
            <p class="show-code"><img src="images/icon/code.png" alt=""></p>
        </li>
        <li class="switch">
            <a href="javascript:void(0)">  <div><img src="images/btn/btn_switch.png" alt=""></div>电源</a>
        </li>
    </ul>
</div>

<div class="note-mode-pannel">
    <div class="exit-btn"><img src="images/icon/messgePage_icon_05.png" alt=""></div>
    <div class="note-pannel-top-msg">
        <div class="note-pannel-top-left">
        五一放假通知
        </div>
        <div class="datetime">
            <!--2019/03/17  星期二-->
        </div>
        <div class="writer">
            <!--谢广坤-->
        </div>
    </div>
    <div class="note-content swiper-container">
        <div class="swiper-scrollbar"></div>
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <!--春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在只是朱颜改。春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少。春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在只是朱颜改。春花秋月何时了，往事知多少。小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少小楼昨夜又东风，故国不堪回首月明中。雕栏玉砌应犹在，只是朱颜改。春花秋月何时了，往事知多少。-->
            </div>
        </div>
    </div>

</div>
</body>
</html>
